<!-- author: 汪孟苹 -->
<link rel="stylesheet" href="page/baseChildHealth/css/selfRecord/selfRecordComm.css">
<link rel="stylesheet" href="page/baseChildHealth/css/selfRecord/pregnancySelfRecord.css">
<body>
    <div>
        <div id="selfRecordInfo" class="selfRecord-info mb15"></div>
        <div class="selfRecord-classify clearfix">
            <div>体重与BMI记录</div>
            <div>胎动记录</div>
            <div>自我记录</div>
            <div>孕妇学校听课记录</div>
        </div>
	    <div class="selfRecord-con">
	        <div class="con">
				<!-- BMI -->
	            <div class="clearfix">
					<div class="bmi-legend">
						<div class="item">
							<i class="fa fa-stop" aria-hidden="true"></i>
							<span>低体重</span>
						</div>
						<div class="item">
							<i class="fa fa-stop" aria-hidden="true"></i>
							<span>标准体重</span>
						</div>
						<div class="item">
							<i class="fa fa-stop" aria-hidden="true"></i>
							<span>超重</span>
						</div>
						<div class="item">
							<i class="fa fa-stop" aria-hidden="true"></i>
							<span>肥胖</span>
						</div>
					</div>
	            </div>
	            <div id="bmiTable" class="bmi-table"></div>
	        </div> 
	        <div class="con">
	        	<!-- 胎动记录 -->
	            <div class="fm-box clearfix">
					<div class="fm-legend">
						<div class="item">
							<i>正常</i>
							<span>>=30次/12小时</span>
						</div>
						<div class="item">
							<i>异常</i>
							<span><20次/12小时</span>
						</div>
						<div class="item">
							<i>缺氧</i>
							<span><10次/12小时</span>
						</div>
					</div>
	            </div>
	           	<div id="fmTable" class="fm-table"></div>
	        </div>
	        <div class="con">
	        	<div class="tab-wrap clearfix mb15">
                    <div class="arrow-left"><i class="fa fa-chevron-left" aria-hidden="true"></i></div>
                    <div class="tab-show" id="tabShow"></div>
                    <div class="arrow-right"><i class="fa fa-chevron-right" aria-hidden="true"></i></div>
                </div>
                <div id="selfTable" class="selfRecord-table"></div>
	        </div>
	        <div class="con">
	        	<div id="courseTable" class="course-table mt15"></div>
	        	<div id="courseTablePage" class="course-table-page"></div>
	        </div>
       	</div>
    </div>
<script type="text/javascript">
require(['jquery','bch/app/selfRecord/pregnancySelfRecord'],function($,$pregnancySelfRecord){
    $pregnancySelfRecord.init();  
});
</script>
</body>
